<div class="item">
  <div class="product-layout">
    <div class="product-thumb transition">
      <div class="image product-image">
        <a href="{{route('goods.show', ['id' => $goods->id])}}">
        <img src="{{Storage::url($goods->cover_img)}}" alt="{{$goods->name}}" title="{{$goods->name}}" class="img-responsive" />
        </a>
        <div class="action">
          <div class="action_inner">
            <div class="button-group">
              <button type="button" class="wishlist_button" data-toggle="tooltip" title="收藏" data-goods_id="{{$goods->id}}"><i class="fa fa-heart"></i></button>
              <button type="button" class="compare_button" data-toggle="tooltip" title="對比" onclick="compare.add('30');"><i class="fa fa-exchange"></i></button>
              <button type="button" onclick="cart.add('30');" class="cart_button" data-toggle="tooltip" title="加入購物車"> <i class="fa fa-shopping-cart"></i></button>
            </div>
          </div>
        </div>
      </div>
      <div class="caption">
        <h5><a href="{{route('goods.show', ['id' => $goods->id])}}">{{$goods->name}}</a></h5>
        <p class="price">
          <span class="price-new">{{$goods->price}}</span> <span class="price-old">{{$goods->market_price}}</span>
        </p>
        <div class="rating">
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
        </div>
      </div>
    </div>
  </div>
</div>